<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>资金流出 - 航天材料及工艺研究所</title>
	<link rel="stylesheet" type="text/css" href="assets/css/comm.css" />
	<link rel="stylesheet" type="text/css" href="assets/js/src/css/layui.css" />
	<link rel="stylesheet" type="text/css" href="assets/css/navigation.css" />
	<link rel="stylesheet" type="text/css" href="assets/font/iconfont.css">
	<link rel="stylesheet" type="text/css" href="assets/css/business.css" />
	<link rel="stylesheet" type="text/css" href="assets/css/capitalIncome.css" />
	<link rel="stylesheet" type="text/css" href="assets/css/capitalCost.css" />
</head>

<body>
	<div class="container">
		<div class="navigation before">

		</div>
		<div class="content">
			<header class="">
				<div class="left">
					<!-- <img class="toggle packUp" src="assets/images/nav/icon-zhankai.svg">
						<img class="toggle expansion" src="assets/images/nav/icon-zhedie.svg"> -->
					<!-- <h1>2022年 全面预算</h1> -->
					<div class="">
						<h2>资金</h2>
						<p><a href="index.html">首页</a> - <a href="capital.html">资金</a><span> - 流出</span></p>
					</div>
				</div>
				<div class="right">
					<div class="search">
						<div class="year">
							<p>时间：</p>
							<input type="text" name="" id="year" value="" />
						</div>
						<div class="section">
							<p>部门：</p>
							<div class="sector">
								<div class="">
									<span>全所</span>
								</div>
							</div>
							<div class="options">
								<div class="all">
									<i></i>
									<p>全所</p>
								</div>
							</div>
						</div>
					</div>
					<time></time>
					<div class="menu">
						<a class="goBack" href="javascript:goFront();">前往后台</a>
						<div class="user">
							<p>A</p>
							<div class="">
								<a href="change-password.html">修改密码</a>
								<a href="login.html">退出登录</a>
							</div>
						</div>
					</div>
				</div>
			</header>
			<div class="wrapper">
				<!-- <h2 class="panelname">时间维度</h2> -->
				<div class="box mt16 panel-income bg-success">
					<h3>
						<span class="title">流出</span>
					</h3>
					<div class="number" style="display: block;">
						<h3>总金额</h3>
						<h4>(万元)</h4>
						<h1 class="zongjine">-</h1>
					</div>
					<div class="notes">
						<div class="item" style="margin-right: 16px;">
							<p>现金</p>
							<div><span id="cash1">-</span>
								万元</div>
						</div>
						<div class="item" style="margin-right: 16px;">
							<p>银行承兑汇票</p>
							<div><span id="cash2">-</span>
								万元</div>
						</div>
						<div class="item">
							<p>商业承兑汇票</p>
							<div><span id="cash3">-</span>
								万元</div>
						</div>
					</div>
					<!-- <div class="chart">
                        <div class="item">
                            <span class="cashname">现金</span>
                            <span id="cash1" class="cash"> 1,800.00<b>万元</b></span>
                        </div>
                        <div class="item">
                            <span class="cashname">银行承兑汇票</span>
                            <span id="cash2" class="cash">1,800.00<b>万元</b></span>
                        </div>
                        <div class="item">
                            <span class="cashname">商业承兑汇票</span>
                            <span id="cash3" class="cash">1,800.00<b>万元</b></span>
                        </div>
                    </div> -->
				</div>
				<div class="box mt16 panel-monpay">
					<h3>
						<span class="title">月度支出</span>
					</h3>
					<div id="chartMonPay"></div>
				</div>
				<!-- <h2 class="panelname mt16">单位维度</h2> -->
				<div class="box mt16 chartPanelFieldPay">
					<!-- <div class="item">
							<div class="wltype">
								<span>院内</span>
								<a href="#"><span class="icon iconfont icon-arrow-right"></span></a>
							</div>
							<span style=" font-size: 12px;
                        font-weight: 400;
                        color: #FFFFFF;"> <span style="font: size 36px;font-weight:600; color: #FFFFFF;"
									id="yuannei">800.00</span>万元</span>
						</div>
						<div class="item">
							<div class="wltype">
								<span>院外集团内</span>
								<a href="#"><span class="icon iconfont icon-arrow-right"></span></a>
							</div>
							<span style=" font-size: 12px;font-weight: 400;color: #FFFFFF;">
								<span style="font: size 36px;font-weight:600; color: #FFFFFF;"
									id="yuanwai">800.00</span>万元</span>
						</div>
						<div class="item">
							<div class="wltype">
								<span>集团外</span>
								<a href="#"><span class="icon iconfont icon-arrow-right"></span></a>
							</div>
							<span style=" font-size: 12px;
                        font-weight: 400;
                        color: #FFFFFF;"> <span style="font: size 36px;font-weight:600; color: #FFFFFF;"
									id="jituan">800.00</span>万元</span>
						</div> -->
					<h3>月度累计流出明细</h3>
					<div id="monthDetail"></div>
				</div>
				<div class="box mt16 chartPanelDeptTop">
					<!-- <h3>各类型到款占比</h3>
						<div id="chartTypePay"></div> -->
					<h3>往来单位TOP5</h3>
					<div id="chartWlTop"></div>
				</div>
				<!-- <div class="box mt16 panelWlTop">
						<h3>往来单位TOP5</h3>
						<div id="chartWlTop"></div>
					</div> -->
			</div>
		</div>
	</div>
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/echarts.js"></script>
	<script src="assets/plugins/echarts.min.js"></script>
	<script src="assets/js/http/api.js"></script>
	<script src="assets/js/src/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/js/navigation.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/plugins/chartlib.js"></script>
	<script src="assets/js/capitalCost.js"></script>
</body>

</html>